<template>
	<view>
		<view class="zxsList" @tap="goZxsDet">
			<view class="header">
				<!-- <image class="samePar" mode="aspectFill" :src="item.zjImg"></image> -->
			</view>
			<view class="zxsInfo">
				<view class="zxsName spaceBet">
					<view class="userName">张闪闪</view>
					<view class="price">¥500</view>
				</view>
				<view class="zxsLevel">二级心理咨询师</view>
				<view class="scly hasFlex" style="flex-wrap: wrap;">
					<view class="lyItem">擅长领域:</view>
					<view class="lyItem">自我价值</view>
					<view class="lyItem">亲自关系</view>
					<view class="lyItem">情感提升</view>
				</view>
				<view class="zxTime hasFlex">
					<view class="zxNum">400人咨询</view>
					<view>服务时长2000小时</view>
				</view>
			</view>
		</view>
		<view class="zxsList">
			<view class="header">
				<!-- <image class="samePar" mode="aspectFill" :src="item.zjImg"></image> -->
			</view>
			<view class="zxsInfo">
				<view class="zxsName spaceBet">
					<view class="userName">张闪闪1</view>
					<view class="price">¥500</view>
				</view>
				<view class="zxsLevel">二级心理咨询师</view>
				<view class="scly hasFlex" style="flex-wrap: wrap;">
					<view class="lyItem">擅长领域:</view>
					<view class="lyItem">自我价值</view>
					<view class="lyItem">亲自关系</view>
					<view class="lyItem">情感提升</view>
				</view>
				<view class="zxTime hasFlex">
					<view class="zxNum">400人咨询</view>
					<view>服务时长2000小时</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	//咨询师/倾听师公用
	export default {
		methods:{
			// goZxsDet(){
			// 	uni.navigateTo({
			// 		url:'/pages/subSqIndex/yybs/addYybs'
			// 	})
			// }
		}
	}
</script>

<style lang="scss" scoped>
	.zxsList{
		padding: 30rpx 0 0;
		display: flex;
		.header{
			width: 140rpx;
			height: 140rpx;
			border-radius: 8rpx;
			margin-right: 15rpx;
			background: #cffec7;
			.samePar{
				border-radius: 8rpx;
			}
		}
		.zxsInfo{
			flex: 1;
			border-bottom: 2rpx solid #f2f8ff;
			padding-bottom: 30rpx;
			.zxsName{
				font-size: 30rpx;
				font-weight: 600;
				color:$sq-main0;
				align-items: center;
			}
			.price{
				color: $pss-sq-red;
			}
		}
		.zxsLevel{
			color: $sq-main4;
			font-size: 28rpx;
			margin: 10rpx 0;
		}
		.lyItem{
			height: 36rpx;
			line-height: 36rpx;
			border-radius: 6rpx;
			font-size: 26rpx;
			color: $sq-main4;
			margin-right: 20rpx;
		}
		.zxTime{
			font-size: 24rpx;
			color: $pss-sq-main-bg;
			margin-top: 15rpx;
			.zxNum{
				margin-right:15rpx
			}
		}
	}
</style>